$(function () {
  // 表单验证插件
  $('#form').bootstrapValidator({
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },

    fields: {
      // 验证用户名，根据表单的name属性
      username:{
        validators:{
          // 非空
          notEmpty:{
            message:'用户名不能为空！'
          },
          stringLength: {
            min: 2,
            max: 6,
            message: '用户名的长度必须是2-6位！'
          },
          callback:{
            message:'用户名不存在！'
          }
        }
      },

      // 密码验证
      password:{
        validators:{
          // 非空
          notEmpty:{
            message:'密码不能为空！'
          },
          stringLength:{
            min:6,
            max:12,
            message:'密码长度必须是6-12位！'
          },
          callback:{
            message:'密码不正确！'
          }
        }
      }
    }

  });

  // 当表单验证通过后点击提交按钮验证数据库信息
  $("#form").on('success.form.bv', function (e) {
    // 阻止表单默认刷新事件
    e.preventDefault();
    //提交逻辑
    $.ajax({
      type:'post',
      url:'/employee/employeeLogin',
      data:$('#form').serialize(),
      dataTpye:'json',
      success:function (info) {
        //  NOT_VALIDATED：未校验的
        //  VALIDATING：校验中的
        //  INVALID ：校验失败的
        //  VALID：校验成功的。

        if (info.error) {
          // 登录失败
          if (info.error==1000) {
            // 用户名不存在
            $('#form').data("bootstrapValidator").updateStatus("username", "INVALID", "callback");
          }
          if (info.error==1001) {
            // 密码不正确
            $('#form').data("bootstrapValidator").updateStatus("password", "INVALID", "callback");
          }
        }else{
          // 登录成功
          location.href='./index.html';
        }
      }
    });
  })

  // 重置按钮
  $('.btn-reset').click(function () {
    $('#form').data('bootstrapValidator').resetForm();
  });
})